
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit"/>
    <title><?php echo config('system_name'); ?></title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="shortcut icon" href="__STATIC__/img/favicon.ico" />
    <link rel="stylesheet" href="__STATIC__/plugs/awesome/css/font-awesome.min.css?ver={:date('ymd')}">
    <link rel="stylesheet" href="__STATIC__/plugs/bootstrap/css/bootstrap.min.css?ver={:date('ymd')}"/>
    <link rel="stylesheet" href="__STATIC__/plugs/layui/css/layui.css?ver={:date('ymd')}"/>
    <link rel="stylesheet" href="__STATIC__/theme/default/css/console.css?ver={:date('ymd')}">
    <link rel="stylesheet" href="__STATIC__/theme/default/css/animate.css?ver={:date('ymd')}">{block name="style"}{/block}
    <script src="__STATIC__/plugs/require/require.js?ver={:date('ymd')}"></script>
    <script src="__STATIC__/admin/app.js?ver={:date('ymd')}"></script>
    <script>window.ROOT_URL='__PUBLIC__';</script>
    <style>
        body{
            background: #f0f2f5;
        }
        .login-container{
            background: url(/static/theme/default/img/login/loginbg.svg);
        }
    </style>
</head>
<body>


<link rel="stylesheet" href="__STATIC__/theme/default/css/login.css">


<div class="login-container full-height">

    <!-- 动态云层动画 开始 -->
    <div class="clouds clouds-footer"></div>
    <div class="clouds"></div>
    <div class="clouds clouds-fast"></div>
    <!-- 动态云层动画 结束 -->

    <!-- 顶部导航条 开始 -->
    <!--<div class="header">-->
        <!--<span class="title notselect">-->
            <!--欢迎登录 <?php echo config('system_name'); ?> 后台管理-->
        <!--</span>-->
        <!--<ul>-->
            <!--&lt;!&ndash;<li class="notselect"><a href="javascript:void(0)" target="_blank">帮助</a></li>&ndash;&gt;-->
            <!--<li class="notselect">-->
                <!--<a href="javascript:void(0)">-->
                    <!--<b>推荐使用谷歌浏览器</b>-->
                <!--</a>-->
            <!--</li>-->
        <!--</ul>-->
    <!--</div>-->
    <!-- 顶部导航条 结束 -->

    <!-- 页面表单主体 开始 -->
    <div class="container" style="top:50%;margin-top:-300px">
        <form onsubmit="return false;" data-time="0.001" data-auto="true" method="post" class="content layui-form animated fadeInDown">

            <div style="text-align: center;margin-bottom: 40px;">
                <img src="/static/img/logo.png" alt="" width="80%">
                <!--<p>普腾软件-软件定制领导者</p>-->
            </div>
            <ul>
                <li>
                    <input name='username' class="hide"/>
                    <input required="required" pattern="^\S{4,}$" value="" name="username"
                           autofocus="autofocus" autocomplete="off" class="login-input username"
                           title="请输入4位及以上的字符" placeholder="请输入用户名"/>
                </li>
                <li>
                    <input name='password' class="hide"/>
                    <input required="required" pattern="^\S{4,}$" value="" name="password"
                           type="password" autocomplete="off" class="login-input password"
                           title="请输入4位及以上的字符" placeholder="请输入密码"/>
                </li>
                <li class="text-center">
                    <button type="submit" class="layui-btn layui-disabled" data-form-loaded="立 即 登 入">正 在 载 入</button>
                    <!--<a style="position:absolute;display:block;right:0" href="javascript:void(0)">忘记密码？</a>-->
                </li>
            </ul>
        </form>
    </div>
    <!-- 页面表单主体 结束 -->

    <!-- 底部版权信息 开始 -->
    <div class="footer notselect"><?php echo config('copyright'); ?></div>
    <!-- 底部版本信息 结束 -->

</div>

<script>
    if (window.location.href.indexOf('#') > -1) {
        window.location.href = window.location.href.split('#')[0];
    }
    require(['jquery'], function ($) {
        $('[name="password"]').on('focus', function () {
            $('#left-hander').removeClass('initial_left_hand').addClass('left_hand');
            $('#right-hander').removeClass('initial_right_hand').addClass('right_hand')
        }).on('blur', function () {
            $('#left-hander').addClass('initial_left_hand').removeClass('left_hand');
            $('#right-hander').addClass('initial_right_hand').removeClass('right_hand')
        });
    });
</script>

</body>
</html>



